<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Electrolux</title>
    <link rel="stylesheet" href="../../index.css" />
    <link rel="stylesheet" href="./huaban_1.css" />
    <script type="text/javascript" src="./huaban_1.js"></script>
  </head>
  <body>
    <div class="flex-col page">
      <div class="flex-row justify-between header">
        <div class="flex-row space-x-28">
          <img class="image" src="../../img/ad400b3d662be1b61261cf1f3fd18d27.png" />
          <span class="text">信聊（290）</span>
        </div>
        <img class="image_2" src="../../img/a1ff4498de228c8033ecef5e7c59064b.png" />
      </div>
      <div class="flex-col group">
        <div class="flex-col space-y-20 list">
          <div class="flex-row list-item">
            <img class="image_3" src="../../img/3b4d48196a197d2c529ba3bfae121891.png" />
            <div class="flex-col items-start space-y-25 group_3">
              <span class="font_2">Natasa</span>
              <span class="font_4">聊天内容 [图片]，语音等等</span>
            </div>
            <div class="group_2 view">
              <span class="font_1">下午</span>
              <span class="font_3">2:34</span>
            </div>
          </div>
          <div class="flex-row space-x-37 list-item_2">
            <img class="image_4" src="../../img/44073eed69b9091a8faaeae52a3fb824.png" />
            <div class="flex-col space-y-16 group_4">
              <div class="flex-row justify-between">
                <span class="font_5 text_2">Shlisy</span>
                <div class="group_2">
                  <span class="font_1">下午</span>
                  <span class="font_3">2:34</span>
                </div>
              </div>
              <span class="font_4">聊天内容 [图片]，聊天内容语音[图片]...</span>
            </div>
          </div>
          <div class="flex-row list-item">
            <img class="image_3" src="../../img/3b4d48196a197d2c529ba3bfae121891.png" />
            <div class="flex-col items-start space-y-16 group_5">
              <span class="font_5">Tony-J</span>
              <span class="font_4">聊天内容 [图片]，语音等等</span>
            </div>
            <div class="group_2 view">
              <span class="font_1">下午</span>
              <span class="font_3">2:34</span>
            </div>
          </div>
          <div class="flex-row space-x-38 list-item_2">
            <img class="image_4" src="../../img/44073eed69b9091a8faaeae52a3fb824.png" />
            <div class="flex-col space-y-25 group_6">
              <div class="flex-row justify-between">
                <span class="font_2">Mark</span>
                <div class="group_2 view_2">
                  <span class="font_1">下午</span>
                  <span class="font_3">2:34</span>
                </div>
              </div>
              <span class="font_4 text_3">聊天内容 [图片]，聊天内容等[图片]...</span>
            </div>
          </div>
          <div class="flex-row list-item_2">
            <div class="flex-row space-x-37 group_7">
              <img class="image_4" src="../../img/44073eed69b9091a8faaeae52a3fb824.png" />
              <div class="flex-col items-start space-y-21 group_8">
                <span class="font_5">艾莉婕</span>
                <span class="font_4">聊天内容 [图片]，语音等等</span>
              </div>
            </div>
            <div class="group_2 view_3">
              <span class="font_1">下午</span>
              <span class="font_3">2:34</span>
            </div>
          </div>
          <div class="flex-row list-item_2">
            <img class="image_4" src="../../img/44073eed69b9091a8faaeae52a3fb824.png" />
            <div class="flex-col space-y-22 group_9">
              <div class="flex-row justify-between">
                <span class="font_5 text_4">布洛克-7</span>
                <div class="group_2">
                  <span class="font_1">下午</span>
                  <span class="font_3">2:34</span>
                </div>
              </div>
              <span class="font_4 text_5">聊天内容 [图片]，聊天内容等[图片]...</span>
            </div>
          </div>
          <div class="flex-row list-item_2">
            <div class="flex-row space-x-36 group_10">
              <img class="image_4" src="../../img/44073eed69b9091a8faaeae52a3fb824.png" />
              <div class="flex-col items-start space-y-22 group_11">
                <span class="font_5 text_6">伍迪.艾伦</span>
                <span class="font_4">聊天内容 [图片]，语音等等</span>
              </div>
            </div>
            <div class="group_2 view_4">
              <span class="font_1">下午</span>
              <span class="font_3">2:34</span>
            </div>
          </div>
        </div>
      </div>
      <div class="flex-row justify-between tab-bar">
        <div class="flex-col items-center space-y-8 group_12">
          <img class="image_5" src="../../img/e21cf5b4494c700fa8052aed8d44ae31.png" />
          <span class="font_6 text_7">聊天</span>
        </div>
        <div class="flex-col items-center space-y-8 group_12">
          <img class="image_5" src="../../img/116d3ea356e01d43a92734fb5019b009.png" />
          <span class="font_6">聚缘</span>
        </div>
        <div class="flex-col items-center group_12 view_6"><span class="font_6 text_8">动态</span></div>
        <div class="flex-col items-center space-y-9">
          <img class="image_5" src="../../img/42a3fce85f4bc88919549960d1422b6e.png" />
          <span class="font_6">联系人</span>
        </div>
        <div class="flex-col items-center space-y-5 group_12 view_5">
          <img class="image_5" src="../../img/47fca2a06308ef431bc66f2deef5a151.png" />
          <span class="font_6">自己</span>
        </div>
      </div>
    </div>
  </body>
</html>